@media only screen and (min-device-width: 800px) and (max-device-width: 1023px) {   
  body {
        margin: 0;
        width:100px;
        height:100px;
    }
    /*Inscricao Index*/
    /*-------------------------------------------------------------------------*/
    #DivInscricao {
        position: absolute;
        width: 600px;
        height: 1000px;
        /*left: 3%;
        top: 2%;*/
        box-shadow: 0px 1px 4px #888888;
        
    } 

    #DivModal {
        position: absolute;
        width: 50%;
        height: 50%;
        left: 25%;
        top: 5%;
    }

    .spanLabel {
        color: #337AB7;
    }

    #divImagemInscricao {
        position: absolute;
        top: 2%;
        left: 6%;
        width: 38%;
        height: 10%;
    }

    #divCabecalho {
        font-size: 1.0em;
        position: absolute;
        top: 7%;
        left: 35%;
        visibility: hidden;
    }

    #divCabecalhoMobile {
        font-size: 1.3em;
        position: absolute;
        top: 4%;
        left: 24%;
        visibility: visible;
    }

    #divMenu {
        visibility:hidden;
        position:absolute;
        top:0%;
        left:0%;
        height:0%;
        width:0%;
    }

    #divDadosResponsavel {
        position: absolute;
        top: 13%;
        width: 90%;
        left: 5%;
        height: 10%;
        font-size: 80%;
    }

    #divDadosAluno {
        position: absolute;
        top: 25%;
        width: 90%;
        left: 5%;
        height: 10%;
        font-size: 80%;
    }

    #divConteudo {
        position: absolute;
        top: 38%;
        left: 0%;
        width: 100%;
        height: 88%;
        z-index: 1;
    }

     #divMenuMobile{
        visibility:visible;
    }
 
     #ImprimirBoleto{
        position:absolute;
        left:30%;
        font-size:100%;
    }

    #ImprimirComprovante{
        position:absolute;
        left:48.5%;
        font-size:100%;
    }

    /*Menu*/
    /*---------------------------------------------------------------------*/
    .topnav {
        overflow: hidden;
        background-color: transparent;
        z-index: 1;
    }

        .topnav a {
            float: left;
            display: block;
            color: #286090;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            font-size: 80%;
        }

            .topnav a:hover {
                background-color: #ddd;
                color: black;
               
            }

        .topnav .icon {
            display: none;
        }

        .topnav a:last-child {
            background-color: transparent;
            color: #286090;
        }


        .topnav a:not(:last-child) {
            background-color: #286090;
            color: white;
        }


        .topnav a {
            display: none;
        }

            .topnav a.icon {
                float: right;
                display: block;
            }



        .topnav.responsive {
            position: relative;
        }

            .topnav.responsive .icon {
                position: absolute;
                right: 0;
                top: 0;
            }

            .topnav.responsive a {
                float: none;
                display: block;
                text-align: left;
                background-color:#337AB7;
                color: white;
            }


                .topnav.responsive a:not(:last-child):hover {
                    background-color: #A71C20;
                    color: white;
                }

    /*Partial Inscrição*/
    /*---------------------------------------------------------------------*/
    #divPartialInscricao {
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
    }

    #divProcessoSeletivo {
        position: absolute;
        top: 0%;
        width: 50%;
        left: 5%;
        height: 6%;
    }

    #dropProc {
        position: absolute;
        top: 40%;
        width: 100%;
        height: 60%;
        left: 0%;
    }

    #spanProcessoSeletivo {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #337AB7;
    }

    #divLocal {
        position: absolute;
        top: 7%;
        width: 50%;
        left: 5%;
        height: 6%;
    }

    #dropLocal {
        position: absolute;
        top: 40%;
        width: 100%;
        height: 60%;
        left: 0%;
    }

    #spanLocal {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #337AB7;
    }

    #divOfertas {
        position: absolute;
        top: 14%;
        width: 80%;
        left: 5%;
        height: 6%;
        
    }

    #dropOfertas {
        position: absolute;
        top: 40%;
        width: 100%;
        left: 0%;
        height: 60%;
        font-size: 100%;
        
    }

    #spanOferta {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #337AB7;
    }

    #divForma {
        position: absolute;
        top: 21%;
        width: 50%;
        left: 5%;
        height: 6%;
    }

    #spanForma {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #337AB7;
    }

      #dropForma {
        position: absolute;
        top: 40%;
        width: 100%;
        left: 0%;
        height: 60%;
     
    }

    #divValor {
        position: absolute;
        top: 28%;
        width: 30%;
        left: 5%;
        height: 6%;
    }

    #spanValor {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #337AB7;
    }

    #txtValor{
        position: absolute;
        top: 40%;
        width: 50%;
        left: 0%;
        height: 60%;
    }

     #divTermo {
        position: absolute;
        top: 36%;
        width: 90%;
        left: 5%;
        height: 15%;
    }

    #spanTermo {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #337AB7;
    }

    #pTermo {
        position: absolute;
        top: 13%;
        left: 0%;
        font-size: 11px;
    }

     #pTermo2 {
        position: absolute;
        top: 65%;
        left: 0%;
        font-size: 12px;
        font-weight: bold;
    }

    #DivRespAceite {
        position: absolute;
        top: 84%;
        left: 0%;
        width: 100%;
    }

     #divFinalizar {
        position: absolute;
        top: 53%;
        left: 5%;
        width: 45%;
        height: 8%;
    }

     #btnFinalizar {
        background-color: #4285F4;
        color: white;
        top: 40%;
        width: 100%;
        left: 0%;
        height: 60%;
    }

    /*---------------------------------------------------------------------*/
    /*Partial Listar Inscrições*/
    /*---------------------------------------------------------------------*/
    #divInscricoesdoAluno {
        display: inline-block;
        width: 90%;
        height: 40%;
        overflow: auto;
        top: 0%;
        left: 5%;
        position: absolute;
    }
    
    #divAtividades {
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
        position: absolute;
        font-size: 80%;

    }

     .labelAtividade {
        color: #337AB7;
    }

    /*---------------------------------------------------------------------*/
    /*PartialView Impressão */

   #divConteudoImpressao {
        position: absolute;
        top: 15%;
        left: 8%;
        width: 85%;
        height: 60%;
    }

    #divTop {
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 7%;
    }

    #btnFechar {
        position: absolute;
        left: 95%;
        top: 35%;
    }

    #divCampos {
        position: absolute;
        top: 7%;
        left: 5%;
        width: 90%;
        height: 80%;
    }

    #spanErroImpressao {
        color: red;
        font: 25px verdana;
    }

    #spanErroImpressao2 {
        color: black;
        font: 12px verdana;
    }

    #spanSucessoInscricao {
        color: #356891;
        font: 25px verdana;
    }

    #pTexto {
        color: black;
        font: 12px verdana;
    }

    #pTextoDestacado {
        color: red;
        font: 12px verdana;
    }

    #divImprimirComprovante {
        position: absolute;
        top: 90%;
        left: 4%;
        width: 25%;
        height: 10%;
    }

    #divImprimirBoleto {
        position: absolute;
        top: 90%;
        left: 35%;
        width: 25%;
        height: 20%;
    }



    #divAvisoPagamentoBoleto {
        position: absolute;
        top: 75%;
        left: 3%;
        width: 100%;
        height: 20%;
    }

    #spanAvisoPagamentoBoleto {
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        color: black;
        font-size: 14px;
        font-weight: bold;
    }


    #btnImpBoleto {
        background-color: #4285F4;
        color: white;
    }
   /*--------------------------------------------------------------------------------------*/
}